import { PageContainer } from '@ant-design/pro-components';
import { useModel } from '@umijs/max';
import { theme } from 'antd';
import React from 'react';

/**
 * 每个单独的卡片，为了复用样式抽成了组件
 * @param param0
 * @returns
 */

const Welcome: React.FC = () => {
  const { token } = theme.useToken();
  const { initialState } = useModel('@@initialState');
  return (
    <PageContainer
      style={{ padding: '0', margin: '0', height: '100%' }}
      header={{
        title: '',
        breadcrumb: {},
      }}
    >
      <div
        style={{
          position: 'absolute',
          top: 'calc(50% - 96px)',
          left: '50%',
          transform: 'translate(-50%)',
        }}
      >
        <div>
          <img style={{ paddingLeft: '50px' }} src="/logo.png" alt="logo"></img>
        </div>
        <div style={{ fontSize: '22px', color: ' rgba(18, 18, 18, 1)' }}>
          欢迎使用礼貌鸟远程康复管理中心
        </div>
      </div>
    </PageContainer>
  );
};

export default Welcome;
